<!-- 轮播图 -->
<script lang='ts' setup>
import lunbotu from '../../hooks/photos'
const lunbutus: any = lunbotu //限定为any 来解决ts报错
const props = defineProps({
    meat: {
        type: String,
        required: true,
    }
})
const emit = defineEmits(['getup'])
function goup(urlvalue: string) {
    emit('getup', urlvalue)
}
</script>
<template>
    <el-carousel>
        <el-carousel-item v-for="item in lunbutus[props.meat]" :key="item" class="lunbutus">
            <img v-lazy="item.src" alt="" class="imgs" @click="goup(item.urlInfo)">
        </el-carousel-item>
    </el-carousel>

</template>
<style lang='scss' scoped>
.lunbutus {
    display: flex;
    width: 100%;
    height: 100%;
    background-color: rgb(109, 73, 73);

}

.imgs {
    width: 100%;
    height: 100%;
}

.demonstration {
    color: var(--el-text-color-secondary);
}

.el-carousel__item h3 {
    color: #475669;
    opacity: 0.75;
    line-height: 150px;
    margin: 0;
    text-align: center;
}

.el-carousel__item:nth-child(2n) {
    background-color: #99a9bf;
}

.el-carousel__item:nth-child(2n + 1) {
    background-color: #d3dce6;
}
</style>
